<!DOCTYPE html>
<html>
<head>
<title><?php echo $common[0]['title'];?></title>
<meta name="keywords" content="<?php echo $common[0]['keywords'];?>" />
<meta name="description" content="<?php echo $common[0]['description'];?>" />
<meta charset="UTF-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<style type="text/css">
    html, body {  background: #f0f0f0;  font-size: 14px;  color: #333;  font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;  min-width:320px;  }
    * {  margin: 0;  padding: 0  }
    ul {  list-style: none  }
    table {  border-collapse: collapse  }
    a {  text-decoration: none;  color: #333;  -webkit-tap-highlight-color: rgba(0,0,0,0)  }
    a:hover, a:active {  text-decoration: none  }
    ins, a {  text-decoration: none  }
    .page-footer {  background: #f5f5f5;  padding: 8px 0 5px;  border-top: 1px solid #ccc  }
    .page-footer .nav {  margin-bottom: 3px  }
    .page-footer .nav .half {  float: left;  width: 50%;  box-sizing: border-box  }
    .page-footer .nav .half:first-child {  padding-left: 15px  }
    .page-footer .nav .half:last-child {  text-align: right;  padding-right: 15px  }
    .page-footer .nav a {  padding: 3px 6px  }
    .page-footer .nav .current {  color: #46d264  }
    .page-footer p {  text-align: center;  color: #7f7f7f;  margin-bottom: 3px  }
    .page-footer p a {  color: #7f7f7f  }
    .page-footer p:last-child {  color: #ccc  }
    .header_01 {  height: 44px;  line-height: 44px;  text-align: center;  background: #5ba207;  overflow: hidden;  }
    .header_left {  width: 45%;  overflow: hidden;  text-align: center;  float: left;  }
    .header_left .header_left_border {  border: 2px solid #f36d13;  }
    .header_left .header_left_text {  height: 42px;  line-height: 42px;  background: #fff;  color: #323232;  font-size: 24px;  }
    .header_middle {  float: left;  width: 45%;  overflow: hidden;  color: #fff;  font-size: 24px;  }
    .header_right_text {  overflow: hidden;  color: #fff;  font-size: 24px;  }
    .header h1 {  width: 190px;  display: block; margin: 0 auto;  font-family: microsoft yahei;  font-size: 18px;  color: #fff;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-weight: 700  }
    .header.bdlist h1 {  width: 190px;  display: block;  margin: 0 auto;  font-family: microsoft yahei;  font-size: 18px;  color: #717171; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-weight: 700  }
    .main {  background: #fff;  overflow: hidden;  margin: 0 auto;  margin-bottom: 10%; }
    .main .banner img {  margin: 0 auto;  height: auto;  }
    .main .main_list {  border-bottom: 1px solid #d2d2d2;  border-top: 1px solid #d2d2d2;  overflow: hidden;  }
    .main_list_img {  width: 55px;  height: 55px;  float: left; overflow: hidden  }
    .main .main_list ul li {height: 58px;  border-bottom: 1px solid #d7d7d7;  text-align: left;  padding: 6px 0 0 33px ;  }
    .main .main_list ul li a {height: 58px ;  line-height: 58px;  padding-left: 20px;  font-size: 27px;  }
    footer {background-color: #3cafdc; padding: 7px 0  }
    footer .footer_link a {  font-size: 12px;  color: #fff  }
    footer .c_right span, footer .c_right span a {  color: #fff }



    /*滚动条*/
    .slider { width:100%; height:100%; overflow:hidden; position:relative }
    .slider ul { position:relative; width:100% }
    .slider li { position:absolute; width:100%; left:100%; top:0 }
    .slider li:first-child { position:static }
    .slider img { display:block; width:100% }
    .slider .indicator i { width:6px; height:6px; display:inline-block; border-radius:50%; background:#fff; margin-right:5px }

    /*滚到图片*/
    #sliderimg { width: 100%; overflow: hidden;height: 100%; text-align: center;}
    #sliderimg img { width: 100% }
    #sliderimg li { float: left }
    #sliderimg .indicator i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: #fff; margin-right: 5px }



</style>


</head>
<body>
<!-- 公共页头  -->
<header class="header_01">
<div class="header_left">
<div class="header_left_border"></div>
<div class="header_left_text">
<?php echo SITECITYNAME?>欢迎你
</div>
</div>
<div class="header_middle">
<a href="<?php echo site_url('mobile/index/index');?>">
<div class="header_right_text">
市民出游宝
</div></a>
</div>
</header>
<?php $ad30  = output_advs(30);?>
<?php $ad31  = output_advs(31);?>
<!-- 页面内容块 -->
<div class="main">
    <div id="sliderimg" class="slider">
        <ul>
        <?php if(isset($ad30)&&!empty($ad30)):?>
        <?php foreach($ad30 as $k=>$v):?>
        <li><a href="<?php echo $v['link_url'] ;?>"><img src="<?php echo $v['file_url'] ;?>"></a></li>
        <?php endforeach ;?>
        <?php endif;?>
        </ul>
    </div>

    <div class="main_list">
    <ul>
        <?php foreach($ad31 as $k=>$v):?>
            <li><a href="<?php echo $v['link_url'] ;?>"><span class="main_list_img"><img src="<?php echo $v['file_url'] ;?>"></span><span><?php echo $v['note'] ;?></span></a></li>
        <?php endforeach ;?>
    </ul>
    </div>
</div>
<!-- 公共页脚  -->
<div id="portal-block-473985513006" class="udiyblock" type="CommonSource">
<div class="page-footer">
<div class="nav clearfix">
<div class="half">

<a class="current" href="javascript:void(0);">触摸版</a>
</div>
<div class="half">
<a href="<?php echo site_url('mobile/article/index');?>">帮助中心</a>
<a href="">意见反馈</a>
</div>
</div>
<p>24小时服务热线：<a href="tel:<?php echo @$site_service_phone?>"><?php echo @$site_service_phone?></a></p>
    <p>&copy;<?php echo @date('Y'). $sitename?></p>
</div>
</div>
<script type="text/javascript" src="<?php echo URLPRE;?>static/public/js/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="<?php echo URLPRE;?>static/template/<?php echo MOBILE_TEMPLATE_NAME?>/mobile/js/slider.js"></script>
<script type="application/javascript">
$(function(){
var slid = $("#sliderimg").slider({
loop: true
});

})


</script>
</body>
</html>